<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>the Yangzhou</title>
		<link rel="stylesheet" href="css/yangzhou.css" />
		<style>
			#content {
				text-align: center;
				padding-bottom: 100px;
			}
			
			#content img {
				width: 80%;
				margin-top: 20px;
			}
			
			#content>div {
				margin: 10px 0;
				font-weight: 600;
			}
		</style>
	</head>
	<body>
		<div id="container" style="position: relative;">
			<div id="tool-header">
				
			</div>
			<div id="menu-header">
				<div class="menu-item" style="margin-left: 20px;">
					<img src="img/tour.svg" />
					<span>Tour</span>
					<div class="drop-menu">
						<div class="first-menu-option">
							<span>Asia</span>
							<div class="drop-second-menu">
								<div class="second-menu-option">
									<span>China</span>
									<div class="drop-third-menu">
										<div class="third-menu-option">
											<span>Yangzhou</span>
										</div>
										<div class="third-menu-option">
											<span>Nanjing</span>
										</div>
										<div class="third-menu-option">
											<span>Shanghai</span>
										</div>
										<div class="third-menu-option">
											<span>Beijing</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="first-menu-option">
							<span>Africa</span>
						</div>
						<div class="first-menu-option">
							<span>Europe</span>
						</div>
						<div class="first-menu-option">
							<span>America</span>
							<div class="drop-second-menu">
								<div class="second-menu-option">
									<span>the USA</span>
									<div class="drop-third-menu">
										<div class="third-menu-option">
											<span>Miami</span>
										</div>
										<div class="third-menu-option" onclick="toNewYorkPage()">
											<span>New York</span>
										</div>
										<div class="third-menu-option">
											<span>San Francisco</span>
										</div>
										<div class="third-menu-option">
											<span>seattlo</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="first-menu-option">
							<span>Others</span>
						</div>
					</div>
				</div>
				<div class="menu-item">
					<img src="img/camera.svg" />
					<span>Camera</span>
				</div>
				<div class="menu-item">
					<img src="img/print2.svg" />
					<span>Print</span>
				</div>
			</div>
			<div id="content">
				<img src="img/yangzhou/东关街.jpg" />
				<img src="img/yangzhou/东关街2.webp" />
				<img src="img/yangzhou/个园.webp" />
				<img src="img/yangzhou/个园2.webp" />
				<img src="img/yangzhou/个园3.webp" />
				<img src="img/yangzhou/何园.jpg" />
				<img src="img/yangzhou/何园2.webp" />
				<img src="img/yangzhou/瘦西湖.webp" />
				<img src="img/yangzhou/中国大运河博物馆.webp" />
				<img src="img/yangzhou/茱萸湾.jpg" />
				<img src="img/yangzhou/茱萸湾2.webp" />
			</div>
			<div style="position: absolute; right: 30px; bottom: 20px; height: 30px; cursor: pointer;" onclick="back()">
				<img src="img/back.svg" style="height: 30px;" />
				<span style="vertical-align: top; line-height: 30px; font-weight: 600;">Back</span>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script>
			function back() {
				location.href = "./index.html";
			}
			
			function toNewYorkPage() {
				location.href = "./newYork.html";
			}
			
			function toYangzhouPage() {
				location.href = "./yangzhou.html";
			}
		</script>
	</body>
</html>